@import '../../../stylesheets/variables';

.react-select__value-container {
  margin-left: 5px;
}

.react-select__control--is-focused, .add-resource-form-container .text-input:focus {
  outline: none;
  box-shadow: 0px 0px 12px 0px rgba(50,151,253,0.3) !important;
  border: 1px solid black !important;
}

.header-text {
  font-weight: bold;
  color: $vblack;
  font-size: 14px;
  color: $dark-gray;
  margin-bottom: 5px;
}

.text-input {
  align-items: center;
  border-color: hsl(0,0%,80%);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  min-height: 2.5em;

  padding-left: 1em;
  width: 100%;
  @include transition;

  &:focus {
    outline: none;
    box-shadow: 0px 0px 12px 0px rgba(50,151,253,0.3) !important;
    border: 1px solid black !important;
    @include transition;
  }
}

textarea {
  resize: none;
}